{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>阿凌的猫爬架</title>
    <link rel="shortcut icon" type="images/x-icon" href="{% static 'blog/cat_0.ico'%}" />
    
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1962070_9o8c1iysrsu.css">
    <link rel="stylesheet" href="{% static 'blog/css/index.css'%}">
    <link rel="stylesheet" href="{% static 'blog/css/extraClass.css'%}">
    <script type="text/javascript" src="{% static 'blog/js/jquery.js'%}"></script>
    <script type="text/javascript" src="{% static 'blog/js/index.js'%}"></script>
</head>
<body>
    <main>
        <div class="placeHolder"></div>
        <div class="top-container">
            <div class="time-stamp">
                <span class="shaky">ฅ'ω'ฅ♪</span>
                <span id="site-time"></span>
            </div>
            <div class="type-box">
                <div id="hitokoto-text"></div>
                <div class="bottom-blink"></div>
            </div>
            <div id="hitokoto-info"></div>
            <a class="fun-btn-1"></a>
            <a class="fun-btn-2"><i class="iconfont icon-song"></i></a>
        </div>
        <div class="placeHolder"></div>
        <div class="main-container">
            {% for post in post_list %}
            <div class="article-box">
                <p class="post-meta">
                    -POST: <span class="post-time">{{ post.created_time }}</span>
                    <i class="iconfont icon-icon-"></i> <span class="post-cate">{{ post.category.name }}</span>
                    <i class="iconfont icon-biaoqian"></i> 
                        {% for tag in post.tags.all %}
                            <span class="post-tag">{{tag.name}}</span>
                        {% endfor %}
                </p>
                <a href="{{ post.get_absolute_url }}" class="article-title">{{ post.title }}</a>
                <div class="box-background"></div>
                <div class="box-main">
                    <p>{{ post.body }}</p>
                </div>
            </div>
            {% endfor %}
        </div>
    </main>
    <div class="flex-side-container"></div>
    <div class="side-container">
            <div class="site-title">
                <h3>
                    游说万乘苦不早，著鞭跨马涉远道。
                </h3>
                <h1>
                    <a class="a-title" href="/">阿凌的猫爬架</a>
                </h1>
                <div class="myIcon"></div>
            </div>
            <div class="category-page">
                <ul class="category-ul">
                    <li>
                        <a href="javascript:;">-CPP & C</a>
                        <i class="iconfont icon-file_cpp"></i>
                    </li>
                    <li>
                        <a href="javascript:;">-PYTHON</a>
                        <i class="iconfont icon-logo-python "></i>
                    </li>
                    <li>
                        <a href="javascript:;">-WEB & LINUX</a>
                        <i class="iconfont icon-web-link"></i>
                    </li>
                    <li>
                        <a href="javascript:;">-ACM & MATH</a>
                        <i class="iconfont icon-fengkuangdaqiqiu"></i>
                    </li>
                    <li>
                        <a href="javascript:;">-SQL</a>
                        <i class="iconfont icon-Comment4"></i>
                    </li>
                    <li>
                        <a href="javascript:;">-LIFE</a>
                        <i class="iconfont icon-sakura-flower"></i>
                    </li>
                    <li>
                        <a href="javascript:;">-OTHER</a>
                        <i class="iconfont icon-order-play-fill"></i>
                    </li>
                </ul>
            </div>
            <div class="site-title-link">
                <ul class="link-select">
                    <li class="to-cate"><a href="javascript:;">分类</a></li>
                    <li><a href="/">归档</a></li>
                    <li><a href="/">关于</a></li>
                    <li><a href="/">友链</a></li>
                    <li class="soc">
                        <a href="https://github.com/boogieLing" target="_blank"  title="My project and code.">
                            <i class="iconfont icon-github"></i>
                        </a>  
                        <a href="javascript:;" title="My wechat.">
                            <i class="iconfont icon-wechat2"></i>
                        </a>  
                        <a href="mailto:boogieling_o@163.com" target="_blank"  title="Welcome to email me.">
                            <i class="iconfont icon-emailmarketing_filled"></i>
                        </a>
                    </li>
                </ul>
                <div class="site-info">
                    <p>© 2020</p>
                    <a target="_blank" href="https://qwqr0.icu" rel="noopener noreferrer">boogieLing'o</a>
                    <p>
                        100% developed by R0.<i class="iconfont icon-CatFootprint"></i>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.beian.miit.gov.cn" target="_blank">
                            粤ICP备19086050号-2 <i class="iconfont icon-beian"></i>
                        </a>    
                    </p>
                </div>
            </div>
    </div>
</body>
<footer>
    
</footer>
</html lang="zh-CN">
